/* #################################################### 
# HEADINGS
####################################################### */

h1 { color: #01749c; font-size: 3.2em; font-weight: 400; margin: 0; clear: both; }
h2 { color: black; font-size: 2.6em; font-weight: 400; margin: 0 10px 0 0; }
h3 { color: #2a8fb1; font-size: 2.2em; font-weight: 400; margin: 0 10px 0 0; }
h4 { color: #00779f; font-size: 1.8em; font-weight: 400; }
h5 { color: #faa61a; font-size: 1.6em; font-weight: 400; }
h6 { color: maroon; font-size: 1.4em; font-style: italic; margin: 5px; }

	h3 a { color: #2a8fb1; margin: 0; text-decoration: none; }
	footer h3 { color: #fff; margin-bottom: 10px; text-shadow: -1px 0 4px rgba(0, 0, 0, 0.4); }

/* #################################################### 
# MISC
####################################################### */

/* CLEARS */
.clear { clear: both; display: block; float: none; }
.clearleft { clear: left; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* FLOATS */
.floatleft { clear: left; float: left; }
.floatright { clear: right; float: right; }
.floatnone { clear: both; display: block; float: none; }

/* TYPOGRAPHY */
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }

/* IMAGES */
.alignmiddle { vertical-align: middle; margin: 0 5px; }
.valignmiddle { vertical-align: middle; }
.valignbottom { margin-right: 5px; vertical-align: bottom; }
 
 /* DISPLAY */
.invisible { visibility: hidden; }
.hidden { display:none; }

 /* HORIZONTAL RULES */
hr { border: none; border-bottom: 1px solid #d8d7d7; clear: both; display: block; float: none; padding: 10px 0; }
hr.dotted { border: none; border-bottom: 2px dotted #d8d7d7; clear: both; display: block; float: none; padding: 10px 0; }
.settings-wrap hr, #testQuestionsTab hr { margin: 0; padding: 0; }

/* #################################################### 
# BUTTONS
####################################################### */

.buttons { display: block; margin: 5px 0; }
.save-button { display: block; margin: 10px auto; text-align: center; }

.button, .button:visited { background: #666 repeat-x; border: none; color: #fff !important; cursor: pointer; display: inline-block; margin: 0 5px 0 0; padding: 5px 10px 6px; position: relative; text-decoration: none; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
						   border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
						   box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
						   filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";
						   -moz-transition: background-color 0.25s ease-in; -webkit-transition: background-color 0.25s linear; }

	.button:hover { background-color: #333; text-decoration: none; }
	.button:active { top: 1px; }

	.tiny.button, .tiny.button:visited { font-size: 1em; padding: 3px 10px 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; }
	.small.button, .small.button:visited { font-size: 1.8em; box-shadow: 0 1px 3px rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); filter:  progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')"; }
	.medium.button, .medium.button:visited, .button, .button:visited { font-size: 2.4em; line-height: 1; text-shadow: 0 -1px 1px rgba(255,255,255,0.25); }
	.large.button, .large.button:visited { font-size: 3.2em; padding: 10px 18px 11px; font-weight: normal; }
	
	.blue.button, .blue.button:visited { background: #2a8fb1 ; }
		.blue.button:hover { background-color: #01749c; }
	.orange.button, .orange.button:visited { background: #fbb239  repeat-x; border: 1px solid #fcc56b; text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.2); -webkit-transition: background-color 0.25s linear; }
		.orange.button:hover { background-color: #faa61a; }
	.grey.button, .grey.button:visited { background: #d8d7d7 ; color: #858585; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
		.grey.button:hover { background-color: #e2e2e2; }

	a.button { line-height: 1.4em !important; }

	.next-btn, .next-btn:visited, .back-btn, .back-btn:visited { color: #fff; display: block; font-size: 2.4em; height: 34px; margin: 20px 0; padding: 5px 0 0; text-align: center; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); width: 98px; }
	.next-btn, .next-btn:visited { background: url(../Images/Buttons/next-arrow-bg.png) no-repeat; }
	.back-btn, .back-btn:visited { background: url(../Images/Buttons/back-arrow-bg.png) no-repeat; }

/* #################################################### 
# TYPOGRAPHY
####################################################### */

/* PARAGRAPHS */
p { color: #858585; font-size: 1em; margin: 0 0 6px 0;}
p.description { font-size: 1.5em; margin: 0; }
p.disclaimer { color: #d8d7d7; font-size: 1.6em; }
p.instructions { font-size: 1.4em; }
p.medium { font-size: 1.2em; }
p.small { font-size: 1em; }
p.flag { color: #2a8fb1; font-size: 2.1em; font-style: italic; }

p.section-desc { margin-bottom: 20px; }
p.question-title { font-size: 2.4em; max-width: 400px; }
	p.question-title span { color: #d8d7d7; margin-right: 10px; }

p.separator { color: #d8d7d7; font-size: 2.4em; font-style: oblique; font-weight: bold; margin: 20px 0; text-transform: uppercase; }
span.para { color: #d8d7d7; font-size: 1.8em; margin: 0; }

.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }

.always-on { color: #ddd; }
.footnote { font-size: 1em; }

.placeholder { color: #aaa; }

footer small { clear: both; display: block; font-size: 1.2em; }
footer #support p { margin: 0 20px; }

/* LINKS */
a { color: orange; cursor: pointer; text-decoration: none; }
	a:hover { text-decoration: underline; }
	/* a:focus { outline: 1px solid #d8d7d7; overflow: hidden; } Style appropriately for accessibilty or power users */

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner, button {   
    border : 0px;
}

/* #################################################### 
# SELECT
####################################################### */
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} 